<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="/css/bootstrap.min.css?v=3.3.7" rel="stylesheet">
    <link href="/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/style.css?v=4.1.0" rel="stylesheet">

</head>
<body>
<div class="ibox-content">
    <div class="form-inline">
        <input type="text" placeholder="姓名" class="form-control" id="username">
        <input type="text" placeholder="QQ" class="form-control" id="qq">
        <input type="text" placeholder="联系方式" class="form-control" id="phone">
        <button type="button" class="btn btn-primary btn-sm" id="findBtn">查询</button>
        <button type="button" class="btn btn-primary btn-sm" id="addBtn">添加</button>
    </div>
</div>
<div id="msg" class="warn"></div>

<div class="ibox-content">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th>姓名</th>
            <th>QQ</th>
            <th style="text-align: center;">联系方式</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody id="tbdy">
        </tbody>
    </table>
</div>

<!-- 全局js -->
<script src="/js/jquery.min.js?v=2.1.4"></script>
<script src="/js/bootstrap.min.js?v=3.3.7"></script>
<!-- Peity -->
<script src="/js/plugins/peity/jquery.peity.min.js"></script>
<!-- 自定义js -->
<script src="/js/content.js?v=1.0.0"></script>
<!-- iCheck -->
<script src="/js/plugins/iCheck/icheck.min.js"></script>

<script src="/js/plugins/layer/layer.min.js"></script>
<!--js文件拆开写-->
<script src="/mgr/js/card/list.js"></script>
</body>
</html>